/* Tiny Scrollbar */
/****
 isHorizontal
*/
.tinyscorllbary {/*margin: 20px 0 10px;*/ }
.tinyscorllbary .viewport { overflow: hidden; position: relative; }
.tinyscorllbary .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.tinyscorllbary .scrollbar{
	/*background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0;
*/  background-color:red;
	position: relative;
	background-position: 0 0;
	width: 15px;
	top: 0px;
	right: 0px;
	float: right;
		-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 5px;
}
.tinyscorllbary .track { 
/*
background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; 
*/
    background-color:transparent;
height: 100%; width:13px; position: relative; padding: 0 1px; }
.tinyscorllbary .thumb {
	/*
	background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	*/
    background-color:blue;
	height: 20px;
	width: 13px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 1px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 5px;
}
.tinyscorllbary .thumb .end { 
/*background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; 
*/
background-color:transparent;
overflow: hidden; height: 5px; width: 25px; }
.tinyscorllbary .disable { display: none; }
.tinyscorllbary  .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/*****
vertical
************************/

.tinyscorllbarx {/*margin: 20px 0 10px;*/ }
.tinyscorllbarx .viewport { overflow: hidden; position: relative; }
.tinyscorllbarx .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.tinyscorllbarx .scrollbar{
    /*background: transparent url(images/bg-scrollbar-track-x.png) no-repeat 0 0;
*/

	position: relative;
	background-position: 0 0;
	height: 15px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	float: bottom;
			-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 5px;
	background-color:red;
}
.tinyscorllbarx .track { 

background: transparent url(images/bg-scrollbar-trackend-x.png) no-repeat 0 100%; 

height: 100%; width:13px; position: relative; padding: 0 1px; }
.tinyscorllbarx .thumb {
	
	/*background: transparent url(images/bg-scrollbar-thumb-x.png) no-repeat 100% 50%;
	*/
	background-color:blue;
	height: 20px;
	width: 20px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: -1px;
	left: -5px;
		-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 5px;
}
.tinyscorllbarx .thumb .end { 
/*background: transparent url(images/bg-scrollbar-thumb-x.png) no-repeat 0 50%; */
background-color:transparent;
overflow: hidden; height: 20px; width: 5px; }
.tinyscorllbarx .disable { display: none; }
.tinyscorllbarx  .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
